<template>
  <div class="noteBox" v-if="showNote">
      <p v-text="info1"></p>
      <p v-text="info2"></p>
      <p v-text="info3"></p>
      <p v-text="info4"></p>
      <p v-text="info5"></p>
  </div>
</template>
<script>
export default {
  components:{

  },
  props:['showNote'],
  data(){
    return {
      info1:'➀总收益：利息+红包+返利',
      info2:'➁利息：购买投资平台产品获得的收益',
      info3:'➂返利：包含投资平台的虚拟红包、奖励红包等',
      info4:'➃红包：通过比赚进行投资，获得的除利息以外的投资收益',
      info5:'➄利息管理费：包含投资平台的提现手续费、转让手续费等，并非比赚收取',
    }
  }
}
</script>
<style lang="less">
  @import '../../../../style/mixin.less';

  .noteBox{
    .wh(7.9333rem,4.7067rem);
    .bg(#ffffff);
    .bs();
    .sc(0.3467rem,#939393);
    position: absolute;
    z-index: 10;
    left: 1.17rem;
    top: .62rem;
    padding: 0.2667rem 0.2667rem 0.4rem 0.24rem;
    box-shadow:2px 2px 10px #aaa;
    p{
      line-height: .62rem;
    }
  }
</style>
